 /*breadcrumb*/
 .breadcrumb-enter-active,
 .breadcrumb-leave-active {
   transition: all .5s;
 }
 
 .breadcrumb-enter,
 .breadcrumb-leave-active {
   opacity: 0;
   transform: translateX(20px);
 }
 
 .breadcrumb-move {
   transition: all .5s;
 }
 
 .breadcrumb-leave-active {
   position: absolute;
 }

 /*fadeDown*/
 .fadeDown-enter-active {
  -webkit-animation:fadeInDown 0.2s 0s ease both;
  animation:fadeInDown 0.2s 0s ease both;
}
.fadeDown-leave-active {
 -webkit-animation:fadeOutDown 0.2s 0s ease both;
 animation:fadeOutDown 0.2s 0s ease both;
}
@keyframes fadeInDown{
 0%{opacity:0.4; transform:translateY(-20px)}
 100%{opacity:1; transform:translateY(0)}
}
@keyframes fadeOutDown{
 0%{opacity:1; transform:translateY(0)}
 100%{opacity:0;transform:translateY(20px)}
}

 /*fadeLeft*/
 .fadeLeft-enter-active {
  -webkit-animation:fadeInLeft 0.2s 0s ease both;
  animation:fadeInLeft 0.2s 0s ease both;
}
.fadeLeft-leave-active {
 -webkit-animation:fadeOutLeft 0.2s 0s ease both;
 animation:fadeOutLeft 0.2s 0s ease both;
}
@keyframes fadeInLeft{
 0%{opacity:0.4; transform:translateX(-20px)}
 100%{opacity:1; transform:translateX(0)}
}
@keyframes fadeOutLeft{
 0%{opacity:1; transform:translateX(0)}
 100%{opacity:0;transform:translateX(20px)}
}